// 组件允许单个组件打包，因此默认引入公共基础样式

@import "../../base.less";

@import "./_var.less";

@import "./_mixin.less";

.@{prefix}-tooltip {
  display: inline-block;
  border: 0;
  margin-bottom: 1px;
  max-width: @tooltip-max-width;
  word-break: break-word;

  &:not(.@{prefix}-tooltip--light) {
    color: @tooltip-text-color;
  }

  &--default {
    background: @tooltip-bg;
    margin: @tooltip-default-margin;
  }

  &--primary {
    background: @tooltip-bg-primary;
  }

  &--success {
    background: @tooltip-bg-success;
  }

  &--danger {
    background: @tooltip-bg-danger;
  }

  &--warning {
    background: @tooltip-bg-warning;
  }

  .@{prefix}-popup__arrow {
    background: inherit;
    width: auto;
    height: auto;

    &::before {
      background: inherit;
    }
  }
}

.@{prefix}-popup[data-popper-placement^="top"] .@{prefix}-tooltip .@{prefix}-popup__arrow {
  bottom: @tooltip-arrow-position;
}

.@{prefix}-popup[data-popper-placement^="left"] .@{prefix}-tooltip .@{prefix}-popup__arrow {
  right: @tooltip-arrow-position;
}

.@{prefix}-popup[data-popper-placement^="right"] .@{prefix}-tooltip .@{prefix}-popup__arrow {
  left: -@tooltip-arrow-position;
}
